<template>
	<view class="no-data-cop">
		<image class="no-data"  :style="styleExpansion" :src="src"></image>
		<view class="no-data-text">
			{{desc}}
		</view>
	</view>
</template>

<script>
	export default {
		props:{
		   size:{
			   type:String,
			   default:"large"
		   },
		   desc:{
			   type:String,
			   default:"暂无数据~"
		   },
		   src:{
			   type:String,
			   default:"/static/images/no-data.svg" 
		   }
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		},
		computed:{
			styleExpansion(){
				if(this.size=='small'){
					return {
						width: '350rpx',
						height: '150rpx'
					}
				}
				return {
					width: '450rpx',
					height: '450rpx'
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.no-data-cop{
		.no-data {
			display: table;
			margin: 0 auto;
		}

		.no-data-text {
			font-size: 28rpx;
			text-align: center;
			line-height: 60rpx;
			color: #9895AB;
		}	
	}

</style>
